/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{vue,js,ts,jsx,tsx}",
    "./components/**/*.{vue,js,ts,jsx,tsx}",
    "./App.vue",
    "./main.js",
    "./main.ts"
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#FF6B35',
          dark: '#E55A2B',
          light: '#FFF5F0'
        }
      },
      fontSize: {
        'xs': '20rpx',
        'sm': '22rpx',
        'base': '24rpx',
        'lg': '26rpx',
        'xl': '28rpx',
        '2xl': '32rpx',
        '3xl': '36rpx'
      },
      spacing: {
        '1': '4rpx',
        '2': '8rpx',
        '3': '12rpx',
        '4': '16rpx',
        '5': '20rpx',
        '6': '24rpx',
        '8': '32rpx',
        '10': '40rpx',
        '12': '48rpx',
        '16': '64rpx',
        '20': '80rpx',
        '24': '96rpx',
        '32': '128rpx'
      },
      borderRadius: {
        'sm': '8rpx',
        'base': '12rpx',
        'md': '16rpx',
        'lg': '20rpx',
        'xl': '24rpx',
        'full': '50%'
      }
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false, // 禁用Tailwind的基础样式重置，避免与uni-app冲突
  }
} 